/**
 * Created by chenxiaopeng on 2018/3/6.
 */
import React from 'react';
import { connect } from 'dva';
import { Button } from 'antd-mobile';
import { routerRedux } from 'dva/router';
import CustomIcon from '../components/CustomIcon';
import './HomePage.less';

function HomePage({ dispatch }) {
  return (
    <div className="home-body">

      <img role="presentation" src={require('../assets/preview.gif')} style={{ width: '100vw' }} />

      <Button className="pay-button" onClick={() => { dispatch(routerRedux.push('/Index')); }}>
        <div className="pay-button-body">
          <div className="pay-button-title">小爽一下</div>
          <div className="pay-button-subtitle">10分钟 8元</div>
        </div>
      </Button>

      <Button className="pay-button">
        <div className="pay-button-body">
          <div className="pay-button-title">通经活络</div>
          <div className="pay-button-subtitle">15分钟 12元</div>
        </div>
      </Button>

      <Button className="pay-button">
        <div className="pay-button-body">
          <div className="pay-button-title">神清气爽</div>
          <div className="pay-button-subtitle">20分钟 15元</div>
        </div>
      </Button>

      <div className="license">
        <CustomIcon type={require('../svg/selected.svg')} className="icon" />
        <div className="license-text">
          我已阅读并同意<a>《用户服务声明》</a>
        </div>
      </div>

    </div>
  );
}

HomePage.propTypes = {
};

export default connect()(HomePage);
